<template>
  <div class="homepage">
    <div class="pc-container">
      <HomeCommonPageHeader />
      <slot name="main"/>
      <HomeDefaultFooter/>
    </div>
  </div>
</template>
<script setup lang="ts">
</script>


<style scoped>
.homepage {
  margin-left: auto;
  margin-right: auto;
  background-image: url("/background.png");
  background-size: unset;
  background-repeat: no-repeat;
}

.pc-container {
  width: 1200px;
  margin: 0 auto;
  padding: 0;
}
</style>

<style>
html, body {
  margin: 0;
  padding: 0;
}

:root {
  --main-background: rgba(7, 106, 182, 0.8);
  --second-background: rgba(7, 106, 182, 0.95);
  --main-header-background: #ffffff;
  --main-color-in-background: #ffffff;
  --main-font-color: #666666;
  --main-info-color: #999999;
}
</style>